<!DOCTYPE html>
<html>
  <head>
      <meta charset="utf-8">
      <title>博客</title>
      <link href="/css/main.css" rel="stylesheet" type="text/css">
      <link href="/fontAwesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
      <script src="/js/jquery-1.12.4.min.js"></script>
      <script src="/js/index.js"></script>
  </head>
  <body>
    <header>
        <div class="backimg"><img src="/images/IMG_0293.jpg" ></div>
        <div class="logo"><span></span><img src="/images/00002637.png" ></div>
    </header>

    <nav>
        <div class="menu">
            {%if category == ''%}
            <a href="/" class="focus">首页</a>
            {%else%}
            <a href="/">首页</a>
            {%endif%}

            {%for cate in categories%}
            {%if category == cate.id%}
            <a href="/?category={{cate.id}}" class="focus">{{cate.name}}</a>
            {%else%}
            <a href="/?category={{cate.id}}">{{cate.name}}</a>
            {%endif%}
            {%endfor%}
        </div>
    </nav>

    <main class="clear">
        <h2>测试页面:{{title}}</h2>
        <div class="mainLeft">
            {%block content%}{%endblock%}
        </div>

        <div class="mainRight">


            {% if userInfo._id %}
            <div class="rightBox" id="userInfo">
                <div class="title"><span>用户信息</span></div>
                <p><span class="colDark">{{userInfo.username}}</span></p>

                {% if userInfo.isAdmin %}
                <p>
                    <span class="colDanger">你好，管理员！</span>
                    <a href="/admin">进入管理</a>
                </p>
                {% else %}
                <p><span class="colDanger">你好，欢迎光临我的博客！</span></p>
                {% endif %}

                <p><span class="colDark"><a href="javascript:;" id="logout">退出</a></span></p>
            </div>
            {% else %}
            <div class="rightBox" id="loginBox">
                <div class="title"><span>登录</span></div>
                <div class="line"><span class="colDark">用户名：</span><input name="username" type="text" /><em></em></div>
                <div class="line"><span class="colDark">密码：</span><input name="password" type="password" /><em></em></div>
                <div class="line"><span class="colDark"></span><button>登 录</button></div>
                <p class="textRight">还没注册？<a href="javascript:;" class="colMint">马上注册</a>　</p>
                <p class="colWarning textCenter"></p>
            </div>

            <div class="rightBox" id="registerBox" style="display: none;">
                <div class="title"><span>注册</span></div>
                <div class="line"><span class="colDark">用户名：</span><input name="username" type="text" /></div>
                <div class="line"><span class="colDark">密码：</span><input name="password" type="password" /></div>
                <div class="line"><span class="colDark">确认：</span><input name="repassword" type="password" /></div>
                <div class="line"><span class="colDark"></span><button>注 册</button></div>
                <p class="textRight">已有账号？<a href="javascript:;" class="colMint">马上登录</a>　</p>
                <p class="colWarning textCenter"></p>
            </div>
            {%endif%}

            <div class="rightBox">
                <div class="title"><span>社区</span></div>
                <p><a href="http://www.miaov.com" target="_blank" class="colDanger">妙味课堂</a></p>
                <p><a href="http://bbs.miaov.com" target="_blank" class="colDanger">妙味茶馆</a></p>
            </div>
        </div>

    </main>
    <div class="copyright textCenter">Copyright © miaov.com 版权所有 | 京ICP备08102442号</div>

  </body>
</html>